<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>AI自动化测试演示</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
        }
        .nav {
            margin-bottom: 20px;
        }
        .nav a {
            margin-right: 15px;
            text-decoration: none;
            color: #333;
        }
        .scenario {
            border: 1px solid #ddd;
            padding: 15px;
            margin-bottom: 15px;
            border-radius: 5px;
        }
        .scenario h3 {
            margin-top: 0;
        }
        .btn {
            background: #4CAF50;
            color: white;
            border: none;
            padding: 8px 15px;
            border-radius: 4px;
            cursor: pointer;
            text-decoration: none;
            display: inline-block;
        }
    </style>
</head>
<body>
    <div class="nav">
        <a href="/">首页</a>
        <a href="/products">商品列表</a>
        <a href="/dashboard">个人中心</a>
    </div>
    
    <h1>AI自动化测试演示</h1>
    <p>这是一个用于演示AI自动化测试的示例网站。</p>
    
    <div class="scenario">
        <h3>用户注册</h3>
        <p>测试用户注册流程，验证表单提交和成功跳转。</p>
        <a href="/register" class="btn">注册</a>
    </div>
    
    <div class="scenario">
        <h3>购物车功能</h3>
        <p>测试添加商品到购物车并验证小计金额正确。</p>
        <a href="/products" class="btn">浏览商品</a>
    </div>
    
    <div class="scenario">
        <h3>用户登录</h3>
        <p>测试用户登录功能，验证凭据检查和成功跳转。</p>
        <a href="/login" class="btn">登录</a>
    </div>
</body>
</html>